
//页面之间的底部导航
function ButtomNav(pageNme, lastName = ''){
    let box = document.createElement('div')
    box.className = 'pageBtn dpflex fdspaceB'
    box.innerHTML = `
        <a href="./home.html" class="${pageNme == 'home'? 'active' : ''} dpflex fdcolumn flex1 fdjc">
            <i class="iconfont icon-shouye"></i>
            <span>首页</span>
        </a>
        <a href="./sportsRunning.html" class="${pageNme == 'sports'? 'active' : ''} dpflex fdcolumn flex1 fdjc">
            <i class="iconfont icon-heart-rate"></i>
            <span>运动</span>
        </a>
        <a href="./circleConcern.html" class="${pageNme == 'circle'? 'active' : ''} dpflex fdcolumn flex1 fdjc">
            <i class="iconfont icon-quanzi-wodequanzi"></i>
            <span>圈子</span>
        </a>
        <a href="./mine.html" class="${pageNme == 'mine'? 'active' : ''} dpflex fdcolumn flex1 fdjc">
            <i class="iconfont icon-wode"></i>
            <span>我的</span>
        </a>
    `
    // console.log(box);
   document.body.append(box)
 
}

//

module.exports = {
    ButtomNav
}